import { createStyles } from "utils";
import { ColorCutting } from "theme";

const styles = {
  root: {
    width: "100%",
  },
  typesView: {
    display: "flex",
    flexDirection: "row",
    backgroundColor: "#fff",
    paddingLeft: 14,
    paddingRight: 14,
  },
  active: {
    fontSize: 22,
    fontWeight: "500",
    color: "#28354C",
  },
  barCon: {
    display: "flex",
    justifyContent: "center",
  },
  activeBar: {
    height: 3,
    width: 28,
    marginTop: 5,
    borderRadius: 1.5,
    backgroundColor: "#28354C",
  },
  normal: {
    lineHeight: 28,
    fontSize: 14,
    color: "#84889B",
  },
  typesItem: {
    display: "flex",
    alignItems: "center",
    // width: 90,
    marginRight: 30,
    backgroundColor: "#fff",
    marginTop: 10,
  },
};

export default createStyles(styles);
